<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<%@ include file="/common/common-css.jsp"%>
<style>
#jquery-table td {
	cursor: pointer !important
}

.load_bg {
	background: #000;
	opacity: 0.1;
	left: 0px;
	top: 0px;
	position: fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 10000;
}

.load_img {
	left: 50%;
	top: 180px;
	position: fixed;
	height: 50px;
	overflow: hidden;
	z-index: 20000;
}
</style>
</head>
<body class="no-skin">
	<div class="load_bg" style="display: none;"></div>
	<img src="http://img.xmiles.cn/commentloading.gif" class="load_img"
		style="display: none" />
	<div class="page-content">
		<div class="page-header"
			style="margin-bottom: 0px; padding-bottom: 10px;"></div>

		<form id="queryForm">
			<div class="page-content-area">
				<div class="row">
					<div class="col-xs-12">
						<table id="jquery-table"
							class="table table-striped table-bordered table-hover">
							<tr>
								<td>类别名称</td>
								<td>字段</td>
								<td>描述</td>
							</tr>
							<c:forEach items="${requestScope.list }" var="detail">
							<tr>
								<td>${detail.titleType }</td>
								<td>${detail.titleName }</td>
								<td>${detail.titleDes }</td>
							</tr>
							</c:forEach> 
						</table>
					</div>
				</div>
			</div>
		</form>
	</div>

	<%@ include file="/common/common-js.jsp"%>
	<script type="text/javascript" src="${ctx}/js/call_func.js"></script>
	<script type="text/javascript"
		src="${ctx}/ace/js/jquery.dataTables.min.js"></script>

	<script type="text/javascript">
	 	/* var souceList = null;
			//【查询】按钮Click事件
			function query_any() {
				$(".load_bg").removeAttr("style");
				$(".load_img").removeAttr("style");
				if (jqTable != null) {
					jqTable.fnDraw();
				} else {
					loaddata();
				}
			}
			var jqTable = null;
			var loaddata = function() {
				jQuery(function($) {
					jqTable = $('#jquery-table').dataTable(
							{
								//数据列控制（包括对应返回JSON属性名称，对应表头列索引位置、数据转换封装等）
								"columnDefs" : [
								 {
									"title" : '类别名称',
									"name" : "titleType",
									"data" : "titleType",
									"targets" : [ 0 ],
									"bSortable" : false,
								}, 
								{
									"title" : '字段',
									"name" : "titleName",
									"data" : "titleName",
									"targets" : [ 1],
									"bSortable" : false,
								}, 
								{
									"title" : '描述',
									"name" : "titleDes",
									"data" : "titleDes",
									"targets" : [ 2 ],
									"bSortable" : false,
								} 
									], 
		  "sAjaxSource" : ctx + "/baidublack/getDetail.action",
			"fnServerData" : function(sSource, aoData,
					fnCallback) {//从服务器请求数据
				var data = $('#queryForm').serializeObject();
				data.aoData = JSON.stringify(aoData);
				//alert(sSource);
				$.ajax({
					"dataType" : 'json',
					"type" : "POST",
					"url" : sSource,
					"data" : data,
					"success" : function(resp) {
						$(".load_bg").attr("style",
								"display:none");
						$(".load_img").attr("style",
								"display:none");
						$("#hidden_pass").attr("style",
								"display:block");
						$('#jquery-table').removeClass(
								"dataTable");
						fnCallback(resp);
						initListPage();
					},
					"error" : function(XMLHttpRequest,
							textStatus, errorThrown) {
						$(".load_bg").attr("style",
								"display:none");
						$(".load_img").attr("style",
								"display:none");
						alert('请求服务器错误,请刷新重试！！'); //错误提示，包括服务器重启导致的session失效
					}
				});
			},  
			"fnRowCallback" : function(nRow, aData,
					iDisplayIndex, iDisplayIndexFull) {
			}, 
					"bDestroy" : true,
							"bScrollInfinite" : true,
							"sScrollXInner" : "100%",
							"sScrollY" : "100%",//如果不设置，IE会有问题
							"aaSorting" : [ [ 0, "desc" ] ]
						//初始化加载，默认按第几列排序、排序方式（列从0开始计算）
						});
			});
		} 


		$(document).ready(function() {
			query_any();
			//initDate();
			//loadChannel();
			//loadProduct();
			//$("#channel").combobox();
		});  */
	</script>
</body>
</html>